import { observer } from "mobx-react-lite";
import { useRootStore } from "../store"
function UnCompletedTodoCount() {
  const {todoStore} =  useRootStore();
  const {unCompletedTodosCount,todos} = todoStore;
  console.log(unCompletedTodosCount)
  return (
    <div>{unCompletedTodosCount}</div>
  )
}

export default observer(UnCompletedTodoCount) 